import styled from 'styled-components'
import border from '@a/styled/border'

const NavLi = border(styled.li``)

const Container = styled.div`
    .notice2{
        margin: .08rem;
        /* width: 3.58rem; */
        height: 1.11rem;
        border: 1px solid #fff;
        border-radius: .08rem;
        background-color: #fff;

        display: flex;
        justify-content: space-between;
        p{
            margin: .15rem .1rem 0;
            width: .44rem;
            height:.44rem;
            position: relative;
            img{
                width: 100%;
                height: 100%;
            }
            i{
                width: .08rem;
                height: .08rem;
                border: solid 1px red;
                border-radius: 50%;
                background-color: red;
                position: absolute;
                top: .02rem;
                right: .04rem;
            }
        }
        ul{
            flex: 1;
            &>li:nth-child(1){
                height: .78rem;
                font-size: .15rem;
                padding: .15rem .1rem 0 0;
                /* border-bottom: 1px solid #666; */
            }
            &>li:nth-child(2){
                text-align: right;
                font-size: .12rem;
                line-height: .3rem;
            }
        }
    }
`

export {
    Container,
    NavLi
}